<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>section design with hover effect</title>
  <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css'>
  <link rel="stylesheet" href="./css/style.css">

</head>
<body>
<!-- partial:index.partial.html -->
<div class="our-service-sass hide-pr show-pr">
				<div class="container">
					<div class="theme-title-one text-center">
						<div class="icon-box hide-pr">
							<img src="http://html.creativegigs.net/rogan/rogan-c/html/images/shape/bg-shape1.svg" alt="" class="bg-shape">
							<img src="http://html.creativegigs.net/rogan/rogan-c/html/images/icon/icon23.svg" alt="" class="icon">
						</div>
						<h2 class="main-title">Provide awesome customer service <br> with our tools.</h2>
					</div> <!-- /.theme-title-one -->
					
					<div class="inner-wrapper">
						<div class="row">
							<div class="col-lg-4 single-block aos-init aos-animate" data-aos="fade-up">
								<div class="service-block">
									<span class="snow-dot"></span>
									<span class="snow-dot"></span>
									<span class="snow-dot"></span>
									<span class="snow-dot"></span>
									<span class="snow-dot"></span>
									<span class="snow-dot"></span>
									<span class="snow-dot"></span>
									<div class="hover-content"></div>
									<i class="flaticon-web user"></i>
									<h5 class="title"><a href="#">User Friendly dashboard &amp; Cool Interface.</a></h5>
									<p>Lorem ipsum dolor si amet, an dusino situ  sint pertinacia constituto, mir es dignsius quo great.</p>
									<a class="detail-button"><i class="icon-img"><img src="https://cdn-icons-gif.flaticon.com/6172/6172532.gif" width="100%"></i></a>
								</div> <!-- /.service-block -->
							</div> <!-- /.single-block -->
							<div class="col-lg-4 single-block aos-init aos-animate" data-aos="fade-up" data-aos-delay="300">
								<div class="service-block">
									<span class="snow-dot"></span>
									<span class="snow-dot"></span>
									<span class="snow-dot"></span>
									<span class="snow-dot"></span>
									<span class="snow-dot"></span>
									<span class="snow-dot"></span>
									<span class="snow-dot"></span>
									<div class="hover-content"></div>
									<i class="flaticon-value icon-s"></i>
									<h5 class="title"><a href="#">Thousand of features and Custom option.</a></h5>
									<p>Lorem ipsum dolor si amet, an dusino situ  sint pertinacia constituto, mir es dignsius quo great.</p>
									<a href="#" class="detail-button"><i class="icon-img"><img src="https://cdn-icons-gif.flaticon.com/6172/6172518.gif"  width="100%"></i></a>
								</div> <!-- /.service-block -->
							</div> <!-- /.single-block -->
							<div class="col-lg-4 single-block aos-init aos-animate" data-aos="fade-up" data-aos-delay="500">
								<div class="service-block">
									<span class="snow-dot"></span>
									<span class="snow-dot"></span>
									<span class="snow-dot"></span>
									<span class="snow-dot"></span>
									<span class="snow-dot"></span>
									<span class="snow-dot"></span>
									<span class="snow-dot"></span>
									<div class="hover-content"></div>
									<i class="flaticon-login icon-s"></i>
									<h5 class="title"><a href="#">Strong Managment &amp; Security.</a></h5>
									<p>Lorem ipsum dolor si amet, an dusino situ  sint pertinacia constituto, mir es dignsius quo great.</p>
									<a href="#" class="detail-button"><i class="icon-img">
                    <img src="https://cdn-icons-gif.flaticon.com/6172/6172512.gif" width="100%">
                    </i></a>
								</div> <!-- /.service-block -->
							</div> <!-- /.single-block -->
						</div> <!-- /.row -->
					</div> <!-- /.inner-wrapper -->
				</div> <!-- /.container -->
			</div>
<!-- partial -->
  <script type="module" src="./js/script.js"></script>

</body>
</html>
